function mnclientes() {
	$('#content').load("html/manterclientes.html #pnlMntrClientes", function() {
		montarGridClientes();
		
		$('#tabs').tabs();
	});
}

function montarGridClientes() {
	var pCampos = {
	    	id: {key: true,
		   		 create: false,
		   		 edit: false,
		   		 list: false},
		   	docs: {
		    	title: 'Docs',
		    	width: '5%',
		    	sorting: false,
		    	edit: false,
		    	create: false,
		    	display: function(dados) {
		    		var img = $('<img>').attr({src: "css/themes/lightcolor/add.png", title:"Documentos do Cliente"});
		    		$(img).click(function() {
		    			abrirDocs(img.closest('tr'), dados.record);
		    		});
		    		return img;
			    }
		   	},
		   	codigo: {title: 'Código',
		           	 width: '15%'},
		    fornecedor: {title: 'Tipo de Cadastro',
		    			 type: 'checkbox',
		    			 values: {'n': 'Cliente', 's': 'Cliente/Fornecedor'},
		    			 list: false},
		    nome: {title: 'Nome',
		    	   width: '70%'},
		    razaosocial: {title: 'Razão Social',
		    			  visibility: 'hidden'},
		    logradouro: {create: true,
		    			 edit: true,
		    			 list: false,
		    			 title: 'Endereço'},
		    num: {create: true,
    			 edit: true,
    			 list: false,
    			 title: 'Nº'},
    		compl: {create: true,
	    			edit: true,
	    			list: false,
	    			title: 'Compl.'},
		    bairro: {create: true,
					 edit: true,
					 list: false,
					 title: 'Bairro'},
		    cidade: {create: true,
		   			 edit: true,
		   			 list: false,
		   			 title: 'Cidade'},
	   		uf: {create: true,
		   			edit: true,
		   			list: false,
		   			title: 'UF'},
	   		cep: {create: true,
	   			edit: true,
	   			list: false,
	   			title: 'CEP'},
   		    contato: {title: 'Contato',
			    	  visibility: 'hidden'},
		    telefone: {title: 'Telefone',
		    		   width: '15%'},
		    fax: {title: 'Fax',
		    	  visibility: 'hidden'},
			mail: {title: 'e-mail',
		    	   width: '20%',
			       visibility: 'hidden'}
			};
	var pChave = 'nome ASC';
	var pClasse = 'cliente';
	var pFiltro = new Array({campo: 'codigo', titulo: 'Código', selecionado: true}, 
							{campo: 'nome', titulo: 'Nome', selecionado: false},
							{campo: 'razaosocial', titulo: 'Razão Social', selecionado: false},
							{campo: 'contato', titulo: 'Contato', selecionado: false}
	);
	manter(pCampos, pChave, pClasse, pFiltro, $('#pnlClientes'));
}

function abrirDocs(tr, cliente) {
	var pCampos = {
		id: {
			key: true,
			list: false,
			create: false,
			edit: false
		},
	    nome: {
	    	title: 'Documento',
	    	create: false,
	    	edit: false
	    },
	    documento: {
	    	title: 'Documento',
	    	list: false,
			options: 'post.php?action=cliente.comboModelosDoc'
	    }, 
    	nome_info: {
    		title: 'Informação',
    		create: false,
    		edit: false
    	},
    	campo: {
    		title: 'Informação',
    		list: false,
    	    dependsOn: 'documento',
    	    options: function(data) {
    	    	return 'post.php?action=cliente.comboCamposDoc&modeloDoc=' + data.dependedValues.documento;
    	    }
    	},
	   	valor: {
	   		title: 'Valor'
	   	}
	};
	
	$('#grdDataset').jtable('openChildTable', 
			tr, 
			{
				title : 'Documentos de ' + cliente.nome,
			    messages: getJTableMessages(),
				selecting: true,
				actions: {
	                listAction: 'post.php?action=cliente.consultarDocs&cliente=' + cliente.id,
	                createAction: 'post.php?action=cliente.inserirDoc&cliente=' + cliente.id,
	                updateAction: 'post.php?action=cliente.alterarDoc&cliente=' + cliente.id,
	                deleteAction: 'post.php?action=cliente.excluirDoc'
				},
		        fields: pCampos
		    },
			function (data) {
				data.childTable.jtable('load');
			});
}
